<template>
    <div class="father">
        <div class="ceshi">
            <Topic></Topic>
            <Phone></Phone>
    
    

                <Bottom></Bottom>
            </div>
    
    
        </div>
      
    </template>
    
    <script>
            import Topic from "./topic.vue"
            import Bottom from "./bottom.vue"
import Phone from "./Phone.vue";
    
    
    export default {
        name:"PhoNe",
        components:{
    Topic,
    Bottom,
    Phone
}
    
    }
    </script>
    
    <style scoped>
        .father{
            /* position: relative; */
            text-align: center;
        }
    .ceshi{ 
        display: inline-block;
        /* height: 720px; */
        width: 1200px;
        /* position: absolute; */
        /* left: 50%;
        margin-left: -600px; */
        /* background-color: beige; */
        overflow: hidden;
        font-size: 0;
    
    }
 
    </style>
     